<head th:fragment="header">
    <!-- Meta Tags -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="Site keywords here">
    <meta name="description" content="">
    <meta name='copyright' content=''>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Title -->
    <title>医院预约挂号</title>

    <!-- Favicon -->
    <link rel="icon" th:href="@{/img/yyyh/favicon.png}">

    <!-- Google Fonts -->
    <link rel="stylesheet" th:href="@{/css/yyyh/css.css}">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/bootstrap.min.css}">
    <!-- Nice Select CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/nice-select.css}">
    <!-- Font Awesome CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/font-awesome.min.css}">
    <!-- icofont CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/icofont.css}">
    <!-- Slicknav -->
    <link rel="stylesheet" th:href="@{/css/yyyh/slicknav.min.css}">
    <!-- Owl Carousel CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/owl-carousel.css}">
    <!-- Datepicker CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/datepicker.css}">
    <!-- Animate CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/animate.min.css}">
    <!-- Magnific Popup CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/magnific-popup.css}">

    <!-- Medipro CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/normalize.css}">
    <link rel="stylesheet" th:href="@{/css/yyyh/style.css}">
    <link rel="stylesheet" th:href="@{/css/yyyh/responsive.css}">

    <!-- Color CSS -->
    <link rel="stylesheet" th:href="@{/css/yyyh/color/color1.css}">
    <!--<link rel="stylesheet" href="css/yyyh/color/color2.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color3.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color4.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color5.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color6.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color7.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color8.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color9.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color10.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color11.css">-->
    <!--<link rel="stylesheet" href="css/yyyh/color/color12.css">-->

    <link rel="stylesheet" href="#" id="colors">

</head>


<!-- Header Area -->
<div th:fragment="bodyHeader" class="header" >
    <!-- Topbar -->
    <div class="topbar">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-md-5 col-12">
                    <!-- Contact -->
                    <ul class="top-link">
                        <li><a href="#">帮助中心</a></li>
                    </ul>
                    <!-- End Contact -->
                </div>
                <div class="col-lg-6 col-md-7 col-12">
                    <!-- Top Contact -->


                    <ul class="top-contact">
                        <li th:if="${session.username != null}" th:text="${session.username}">a</li>
                        <li th:if="${session.username != null}"><a href="/logout">退出</a></li>
                        <li th:if="${session.username == null}"><a href="/login">登录</a></li>
                        <li th:if="${session.username == null}"><a href="/yyyh/register">注册</a></li>
                    </ul>
                    <!-- End Top Contact -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Topbar -->
    <!-- Header Inner -->
    <div class="header-inner">
        <div class="container">
            <div class="inner">
                <div class="row">
                    <div class="col-lg-3 col-md-3 col-12">
                        <!-- Start Logo -->
                        <div class="logo">
                            <a href="/yyyh"><h2>医院预约系统</h2></a>
                        </div>
                        <!-- End Logo -->
                        <!-- Mobile Nav -->
                        <div class="mobile-nav"></div>
                        <!-- End Mobile Nav -->
                    </div>
                    <div class="col-lg-7 col-md-9 col-12">
                        <!-- Main Menu -->
                        <div class="main-menu">
                            <nav class="navigation">
                                <ul class="nav menu">
<!--                                <li class="active"><a href="#">首页</a>-->
                                    <li><a href="/yyyh">首页</a>
                                    </li>
                                    <li><a href="/yyyh/depts">科室</a>
                                    </li>
                                    <li><a href="/yyyh/doctors">医生</a>
                                    </li>
                                    <li><a href="#">个人中心<i class="icofont-rounded-down"></i></a>
                                        <ul class="dropdown">
                                            <li><a href="/yyyh/myRecord">我的预约</a></li>
                                            <li><a href="/sys/user/personal2">个人信息</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <!--/ End Main Menu -->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--/ End Header Inner -->
</div>
<!-- End Header Area -->

<div th:fragment="bodyFooter" >
    <!-- Footer Area -->
    <footer id="footer" class="footer ">
        <!-- Copyright -->
        <div class="copyright">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12 col-md-12 col-12">
                        <div class="copyright-content">
                            <p>2022 qichao 毕业设计练习项目</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--/ End Copyright -->
    </footer>
    <!--/ End Footer Area -->

    <!-- jquery Min JS -->
    <script src="/js/yyyh/jquery.min.js"></script>
    <!-- jquery Migrate JS -->
    <script src="/js/yyyh/jquery-migrate-3.0.0.js"></script>
    <!-- jquery Ui JS -->
    <script src="/js/yyyh/jquery-ui.min.js"></script>
    <!-- Easing JS -->
    <script src="/js/yyyh/easing.js"></script>
    <!-- Color JS -->
    <script src="/js/yyyh/colors.js"></script>
    <!-- Popper JS -->
    <script src="/js/yyyh/popper.min.js"></script>
    <!-- Bootstrap Datepicker JS -->
    <script src="/js/yyyh/bootstrap-datepicker.js"></script>
    <!-- Jquery Nav JS -->
    <script src="/js/yyyh/jquery.nav.js"></script>
    <!-- Slicknav JS -->
    <script src="/js/yyyh/slicknav.min.js"></script>
    <!-- ScrollUp JS -->
    <script src="/js/yyyh/jquery.scrollUp.min.js"></script>
    <!-- Niceselect JS -->
    <script src="/js/yyyh/niceselect.js"></script>
    <!-- Tilt Jquery JS -->
    <script src="/js/yyyh/tilt.jquery.min.js"></script>
    <!-- Owl Carousel JS -->
    <script src="/js/yyyh/owl-carousel.js"></script>
    <!-- counterup JS -->
    <script src="/js/yyyh/jquery.counterup.min.js"></script>
    <!-- Steller JS -->
    <script src="/js/yyyh/steller.js"></script>
    <!-- Wow JS -->
    <script src="/js/yyyh/wow.min.js"></script>
    <!-- Magnific Popup JS -->
    <script src="/js/yyyh/jquery.magnific-popup.min.js"></script>
    <!-- Counter Up CDN JS -->
    <script src="/js/yyyh/waypoints.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="/js/yyyh/bootstrap.min.js"></script>
    <!-- Main JS -->
    <script src="/js/yyyh/main.js"></script>
    <style>
        .copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
    </style>
</div>